﻿<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <title>{$model.productName}</title>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="/shop/templates/default/css/style.css" rel="stylesheet" />
    <link href="/shop/templates/default/css/templates.css" rel="stylesheet" />
    <script type="text/javascript"  src="/shop/templates/default/js/jquery-1.8.0.js"></script>
    <script type="text/javascript"  src="/shop/templates/default/js/jquery.revearl.js"></script>
    <script type="text/javascript">
        define = null;
        require = null;
    </script>
    <script type="text/javascript" charset="UTF-8" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js">
    </script>
    <script type="text/javascript">
        var basePath = "{$yuming}", baseParam = "";
        function showdiv() {
            document.getElementById("myModal").style.visibility = "visible"; //显示 
        }
        function hidediv() {
            document.getElementById("myModal").style.visibility = "hidden"; //隐藏
        }    
    </script>
    <script>	
        
        //$(document).on('click', '.testimg img',function(event) {
        //    var curImageSrc = $(this).attr('src');
        //    wx.previewImage({
        //        current: curImageSrc,
        //        urls: '{$albumstr}'
        //    });
        //});


        //wx.config({
        //    debug: false,// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        //    appId: '{$tickect.AppId}',// 必填，公众号的唯一标识
        //    timestamp: '{$tickect.Timestamp}',// 必填，生成签名的时间戳
        //    nonceStr: '{$tickect.NonceStr}',// 必填，生成签名的随机串
        //    signature: '{$tickect.Signature}',// 必填，签名，
        //    jsApiList: [ 
        //    'checkJsApi',
        //    'previewImage'
        //    ] 
        //}); 
</script>
    <style type="text/css">
        .mod_fold .fold_detail img
        {
            display: block;
            width: 100%;
        }
        
        .mod_fold .maxheight
        {
            max-height: 200px;
        }
        .big-link
        {
            text-align: center;
            color: #06f;
        }
        .reveal-modal-bg
        {
            position: fixed;
            height: 100%;
            width: 100%;            
            background: #000;
            background: rgba(0,0,0,.8);
            z-index: 100;
            display: none;
            top: 0;
            left: 0;
        }
        
        .reveal-modal
        {
            visibility: hidden;
            background: #eee ;
            position: absolute;
            z-index: 101;
            top: 0px;
            padding: 30px 25px 30px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -box-shadow: 0 0 10px rgba(0,0,0,.4);
        }
        
        .reveal-modal.small
        {
            width: 200px;
            margin-left: -140px;
        }
        .reveal-modal.medium
        {
            width: 400px;
            margin-left: -240px;
        }
        .reveal-modal.large
        {
            width: 600px;
            margin-left: -340px;
        }
        .reveal-modal.xlarge
        {
            width: 800px;
            margin-left: -440px;
        }
        
        .reveal-modal .close-reveal-modal
        {
            font-size: 28px;
            line-height:32px;
            position: absolute;
            top: 8px;
            right: 30px;
            color:Red;
            text-shadow: 0 -1px 1px rbga(0,0,0,.6);
            font-weight: bold;
            cursor: pointer;
                width: 98%;
            text-align: -webkit-right;
        }
    </style>
</head>
<body>
    <!--_header-->
    <vt:template id="header" file="_header2.html" charset="utf-8" />
    <!--/_header-->
    <div id="myModal" class="reveal-modal">
      <a class="close-reveal-modal" onclick="hidediv();"> × </a>
        <h1>
            说明书
        </h1>
        <p>
            <div class="mod_fold fold">
                <div class="fold_detail qb_fs_m qb_mb10 mod_color_weak" id="detail-info">
                    <div style="color: #404040; font-family: tahoma, arial, 宋体; background-color: #FFFFFF;">
                        <p>
                            <br />
                        </p>
                        <p style="color: #999999;">
                            <span style="font-weight: 700">{$model.shortDesc} </span>
                        </p>
                        <p style="color: #999999;">
                            <span style="font-weight: 700;">适用症状：</span>
                        </p>
                        <ul>
                            <vt:foreach from="$model.attrs" item="attrs" index="#.floor">
                                 <li style="vertical-align: top; color: #666666;">{$attrs.attrName}:&nbsp;{$attrs.paValue}
                                </li>
                                </vt:foreach>
                        </ul>
                        <p>
                            <br />
                        </p>
                    </div>
                    {$model.description}
                </div>
                <div class="fold_arrow qb_tac qb_mb10" id="info-arrow">
                    <div class="handle arrow">
                    </div>
                </div>
            </div>
        </p>      
    </div>
    <div class="lay_page page_detail current" id="page_detail">
        <div class="lay_page_wrap">
            <div class="mod_bg_lace">
            </div>
            <div class="mod_slider">
                <div class="slider_cnt">
                    <ul id="detail-slider" style="visibility: hidden;">
                        <vt:foreach from="$model.albums" item="albums" index="#.floor">
                        <li class="testimg">
                            <img index="{$floor}" src="{$yuming}{$albums.original_path}" back_src="{$yuming}{$albums.original_path}" class="default" />
                        </li>
                        </vt:foreach>
                    </ul>
                </div>
            </div>
            <div class="fn_detail qb_gap qb_fs_l">
                <vt:if var="model.isRx" value="true">
                     <h1 id="H1"><img src="/upload/rx.png"/> {$model.productName}</h1>
                    <vt:else>
                     <h1 id="share-itemName">{$model.productName}</h1>
                </vt:if>
                <div class="price">
                    现价： <strong class="mod_color_strong" id="price">￥{$model.salePrice}</strong> <del
                        class="mod_color_weak qb_fs_s" id="maketPrice">￥{$model.marketPrice}</del>
                    <br>
                </div>
                <hr class="qb_hr" />
                <div id="prop-list">
                    <span>QQ号码&nbsp：</span>{$QQ}
                    <br />
                    联系电话：{$telphone}
                    <br />
                    店铺地址：{$county}
                </div>
                <div id="J_buy">
                    <dl class="mod_dl mod_lh_l qb_mb10 qb_clearfix">
                        <dt>数量：</dt>
                        <dd>
                            <vt:if var="model.stock" value="0" compare=">">
                                <span class="quantity">
                                    <span class="minus" tag="sub">
                                        <i class="qb_icon icon_minus"></i>
                                    </span>

                                    <input type="tel" id="buyNum" value="1"><span tag="add" class="plus"><i class="qb_icon icon_plus"></i></span>
                                </span><span class="qb_fs_s mod_color_comment">
                                    &nbsp;<span id="stock-num-prev">不</span><span id="stock-num"
                                                                                  style="display: none;">99</span><span id="stock-num-next">限</span>
                                </span>
                                <vt:else>
                                    <div id="J_buydisable">
                                        <div class="btn_empty qb_tac mod_color_weak" id="J_nogoods">
                                            已经售完
                                        </div>
                                    </div>
                            </vt:if>
                        </dd>
                    </dl>
                    <hr class="qb_hr" />
                    <div class="qb_flex">
                        <vt:if var="model.isRx" value="1">
                          <span class="mod_btn btn_block btn_em qb_mr10 flex_box" id="add-prescription">提交处方</span>
                        <vt:else>
                          <span class="mod_btn btn_block btn_em qb_mr10 flex_box" id="add-cart"><i class="qb_icon icon_cart_btn"></i>加入购物车</span>
                         </vt:if>
                        <!-- <span class="mod_btn btn_block btn_strong  flex_box" id="buy-now">立即购买</span>-->
                    </div>
                </div>

                <div>
                    <!--药品批号：{$model.drugnumber} <br />-->
                    商品规格：{$model.spec}
                    <br />
                    <!--有效日期：{$model.Validity}<br />-->
                    生产厂家：{$model.Factory}<br />
                    国药准字：{$model.ZhunZi}</div>
                <hr class="qb_hr" />
                <h2>说明书：<a href="#" class="big-link" onclick="showdiv();" data-reveal-id="myModal">查看说明书 </a></h2>                
                <!--<div class="mod_fold fold">
                        <div class="fold_detail qb_fs_m qb_mb10 mod_color_weak maxheight" id="detail-info">
                            <div style="color: #404040; font-family: tahoma, arial, 宋体; background-color: #FFFFFF;">
                                <p>
                                    <br />
                                </p>                               
                                    <p style="color: #999999;">
                                        <span style="font-weight: 700"></span>
                                    </p>
                                
                                <p style="color: #999999;">
                                    <span style="font-weight: 700;">适用症状：</span>
                                </p>
                                <ul>
                                    <vt:foreach from="$model.attrs" item="attrs" index="#.floor">
                                 <li style="vertical-align: top; color: #666666;">{$attrs.attrName}:&nbsp;{$attrs.paValue}
                                </li>
                                </vt:foreach>
                                </ul>
                                <p>
                                    <br />
                                </p>
                            </div>
                            {$model.description}
                        </div>
                        <div class="fold_arrow qb_tac qb_mb10 qb_none" id="info-arrow">
                            <div class="handle arrow">
                            </div>
                        </div>
                    </div>-->
            </div>
            <form action="/shop/confirmOrder.aspx" method="get" name="detailForm">
            <input type="hidden" value="{$model.shopid}" id="shopid" name="shopid">
            <input type="hidden" value="" id="bc" name="bc">
            <input type="hidden" value="" id="attr" name="attr">
            <input type="hidden" value="" id="mid" name="mid">
            <input type="hidden" value="{$model.id}" id="ic" name="ic">
            <input type="hidden" value="{$model.salePrice}" id="totprice" name="totprice">
            <input type="hidden" value="{$wid}" id="wid" name="wid">
            <input type="hidden" value="{$openid}" id="openid" name="openid">
            </form>
        </div>
    </div>
    <div class="mod_dialog qb_none" id="message-notice">
        <div class="dialog_mask">
        </div>
        <div class="dialog_main qb_br qb_tac">
            <div class="dialog_bd" id="notice-content">
            </div>
            <div class="dialog_ft qb_flex">
                <a href="javascript:void(0);" class="flex_box" id="notice-cancel">取消</a> <a href="javascript:void(0);"
                    class="flex_box" id="notice-sure">确定</a></div>
        </div>
    </div>
    <div class="qb_quick_tip qb_none" id="bubble">
    </div>
    <script type="text/template" id="prop-tpl">
        <dl class="mod_dl qb_mb10 mod_lh_l qb_clearfix">
            <dt>{#pName#}：</dt>
            <dd class="qb_color_weak mod_property" skuname="{#pName#}" index="{#index#}">{#pList#}</dd>
        </dl>
    </script>
    <!--_bottom-->
    <vt:template id="_bottom" file="_bottom2.html" charset="utf-8" />
    <!--/_bottom-->
    <!--_share_js-->
    <!--       <vt:template id="share_js" file="_share_js.html" charset="utf-8" />-->
    <!--/_share_js-->
    <script src="/shop/templates/default/js/zepto.min.js"></script>
    <script src="/shop/templates/default/js/imagesloaded.pkgd.min.js"></script>
    <script type="text/javascript">
        var sku, availSku, totalStock, bookEndTime, bookBeginTime, isNew, wxInfo, picLinks, buymaxnum;
        sku = {$skuStr};
        availSku = {$availSkuStr};
        totalStock = {$model.stock};
        isNew = "false";
        wxInfo = { "isFocus": "true", "wxId": "ONLY_BESTSELLER" };        
        picLinks = "[]";
        isNew = "false";
        wxInfo = { "isFocus": "true", "wxId": "" };
        buymaxnum = {$model.stock};
        //picLinks = picLinks.replace(/(\s)+/g, "");

        imagesLoaded(document.querySelector('#detail-info'), function (instance) {
            mobile.o2ocn.detail.init();
        });
    </script>
</body>
</html>
